<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="layout.xhtml">
        <ui:define name="body">
            <section id="gap"></section>
            <section>
                <div class="container">
                    <div class="row">
                        <h:form id="formjogo">
                            <p:messages autoUpdate="true" />

                            <div class="right">

                                <p:button outcome="indexjogos.xhtml" value="#{languagem['pesquisar']}" 
                                          title="#{languagem['pesquisar']}"
                                          icon="ui-icon-search"/>

                                <p:button outcome="jogo.xhtml" value="#{languagem['cadastrar']}" 
                                          title="#{languagem['cadastrar']}"
                                          styleClass="ui-priority-primary" 
                                          icon="ui-icon-plusthick"/>

                                <p:commandButton   title="#{languagem['remover']}"
                                                   actionListener="#{managerPesquisarJogo.excluir()}"
                                                   styleClass="ui-priority-secondary ui-button-only" 
                                                   icon="ui-icon-trash"/>

                            </div>
                            <h1>Jogo</h1>
                            <p:panel  styleClass="col-md-12">
                                <p:outputLabel value="#{languagem['jogo.loteria']}" styleClass="col-md-2"/>
                                <p:autoComplete id="autocompleteloteria" required="true" 
                                                value="#{managerPesquisarJogo.loteria}" completeMethod="#{managerLoteria.autocomplete}" var="lot"
                                                itemLabel="#{lot.nome}" itemValue="#{lot}" converter="conversorloteria"
                                                styleClass="col-md-10" />

                                <p:outputLabel value="#{languagem['jogo.dataJogo']}" styleClass="col-md-2" />
                                <p:calendar id="datajogo" styleClass="col-md-3" title="#{languagem['jogo.dataJogo']}" 
                                            showOn="button"  pattern="dd/MM/yyyy"
                                            value="#{managerPesquisarJogo.jogo.dataJogo}"/>

                                <p:outputLabel value="#{languagem['jogo.dataExpiracao']}" styleClass="col-md-3" />
                                <p:calendar id="dataexpiracao" styleClass="col-md-4" title="#{languagem['jogo.dataExpiracao']}" 
                                            showOn="button"  pattern="dd/MM/yyyy HH:mm"
                                            value="#{managerPesquisarJogo.jogo.dataExpiracao}"/>

                                <p:outputLabel value="#{languagem['jogo.valorJackpot']}" styleClass="col-md-2"/>
                                <p:inputText id="valorjackpot" value="#{managerPesquisarJogo.jogo.valorJackpot}" 
                                             styleClass="col-md-2"/>

                                <div class="buttonAction col-md-12">
                                    <p:commandButton value="#{languagem['salvar']}" styleClass="ui-priority-primary" icon="ui-icon-disk"
                                                     actionListener="#{managerPesquisarJogo.salvar()}" update="@form" process="@form"/>
                                    <p:commandButton value="#{languagem['cancelar']}"  icon="ui-icon-close" />
                                </div>

                            </p:panel>
                        </h:form>
                    </div>
                </div>
            </section>
        </ui:define>
    </ui:composition>
</html>
